<div>
    <div class="commonTitle">
        <h3>
            {{welcome_info}}
        </h3>
    </div>

    <div id="duesRecord" class="marginTop">
        <div class="row clearfix">
            <div class="col-md-12 column">
                <div class="commonTitle">
                    <h3>
                        会费记录
                    </h3>
                </div>

                <div style="margin: 10px 0">
                    <a class="btn btn-primary" href="#/dues/create">用户充值</a>
                </div>

                <table class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <!--<th>ID</th>-->
                        <th> 会员</th>
                        <th> 活动</th>
                        <th> 金额</th>
                        <th> 日期</th>
                        <th> 备注</th>
                        <th> 更新时间</th>
                        <th> 操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="x in duesRecordDatas">
                        <!--<td> {{x.id}}</td>-->
                        <td> {{x.userName}}</td>
                        <td> {{x.activityName}}</td>
                        <td> {{x.dues}}</td>
                        <td> {{x.date}}</td>
                        <td> {{x.info}}</td>
                        <td> {{x.lastUpdateTime}}</td>
                        <td>
                            <div ng-if="!x.activityId">
                                <a href="#/dues/edit/{{x.id}}" class="" >edit</a>
                                <a href="" ng-click="deleteDues(x)" class="">delete</a>
                            </div>
                            <div ng-if="x.activityId">无</div>
                        </td>
                    </tr>
                    </tbody>
                </table>

                <div>
                    <ul class="pagination">
                        <li><a href="#">&laquo;</a></li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">&raquo;</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

</div>